import { useNavigate } from "react-router-dom"
import { routes } from "../../routers/routers"
import './styles.scss'


export const MenuComponents: React.FC = () => {
  const navigate = useNavigate()
  return (
    <div className="menuContainer">
      {routes.map(route => (
        <div className="menuContainer-menu" key={route.path}>
          <span 
          className="menuContainer-menu-inner"
          onClick={() => { navigate(route.path) }}
          >
            {route.title}
            </span>
        </div>
      ))}
    </div>
  )
}

